<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>登录页面</title>
</head>

<body>
  <h1>用户登录</h1>
  用户名：<input name="userName" type="text" id="userName"><br>
  密码：<input name="password" type="password" id="password"><br>
  <input type="button" value="登录" onclick="login()">
  
  <script src="js/jquery-3.7.1.min.js"></script>
  <script>
    function login() {
    //ctrl+f5强制刷新
    //实在不行ctrl+shift+delete删一下缓存（唔...可能比较麻烦）
    //ajax()有参数，而参数是一个对象，所以里面用大括号括起来
    $.ajax({
      //这几个没有顺序
      type:"Post",
      url:"/user/login",
      //传递的参数，里面是kay：value形式
      data:{
        "userName":$("#userName").val(),
        "password":$("#password").val()
      },
      success: function(body){
        //跳转到index页面
        if(body==true){
        location.href="index.html";
        }
        //当前页面
        else{
          alert("密码错误");
        }

      }
    });
    }

  </script>
</body>

</html>